html {
  /* 375为基准16px */
  font-size: calc(~"100% + 16 * (100vw - 375px) / 375");
  font-size: calc(~"16px + 16 * (100vw - 375px) / 375");
}

@r:16*1242/375rem;
@s:16*1080/375rem;//分享落地页适配
@v:22.08vh;
/*reset css  重置默认的一些样式  浏览器子自带的  目的是保持各种终端显示一致*/
/*所有的标签和伪类  before after*/
*,
::before,
::after{
  padding: 0;
  margin: 0;

  /*在移动端特殊的设置*/
  /*清除点击高亮效果*/
  -webkit-tap-highlight-color: transparent;
  /*设置所有的盒子的宽度以边框开始计算*/
  -webkit-box-sizing: border-box;
  /*要兼容 webkit 浏览器内核厂商 这种情况一般是老的移动端浏览器*/
  box-sizing: border-box;
}
body{
  font-size: 35/@r;
  color: #333;
  font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif;/*是设备默认的字体*/
  background: #f5f5f5;
}
ul,ol{
  list-style: none;
}
u,i,s,b,em {
  text-decoration:none;
  font-style:normal;
}
a{
  text-decoration: none;
  color: #333;
}
a:hover{
  color: #333;
}
input,textarea{
  border: none;
  outline: none;
  resize: none;
  /*特殊的属性定义  清除浏览器给input自带的样式*/
  -webkit-appearance: none;/*组件默认的样式空*/
}
/*common css  也就是我们公用的css*/
@mainColor:#ff565f;//主体色
.clearfix(){
  &::after,
  &::before{
    content: ".";
    line-height: 0;
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
  }
}

//限制字数
.limitword(@width) {
  width:@width;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.limitmore(@line){
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: @line;
  -moz-line-clamp: @line;
}
.layout{
  &__amusedetail{
    padding-bottom:210/@r;
  }
  &__amuseindex{
    padding-bottom:225/@v;
  }
  &__myorder{
    padding-bottom:255/@v;
    padding-top:155/@r;
  }
}

::-moz-placeholder { color: #d8d8d8;font-size:48/@r;}
::-webkit-input-placeholder { color:#d8d8d8;font-size:48/@r;}
:-ms-input-placeholder { color:#d8d8d8;font-size:48/@r;}
